<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        .I{
            height: 68px;
        }
        .I ul li{
            float: left;
            border-radius: 50%;
            margin: 10px 10px 0px 15px;
            background-color: yellow;
            padding: 9px;
        }
        .I img{
            float: right;
            margin: 20px 10px 0 15px;
        }
        .I a{
            float: right;
            margin: 20px 10px 0 15px;
            border-radius: 5px;
            padding: 2px 2px 2px 2px;
            border: 1px solid red;
            background-color: red;
            text-decoration: none;
        }
        .II{
            height: 515px;
            width: 1215px;
            margin: 26px auto;
        }
        .II p img{
            width: 912px;
            height: 515px;
            margin: 0px;
            float: left;
        }
        .II ul li{
            width: 288px;
            height: 166px;
            margin: 0px 0px 0px 12px;
            float: right;
        }
        .III{
            height: 36px;
        }
        .III a{
            border-radius: 0px;
            margin: auto 2px 2px;
            border: 1px solid red;
            background-color: red;
            text-decoration: none;
        }


    </style>
</head>
<body>
    <div class="I">
        <ul>
            <li>赞</li>
            <li>萌</li>
            <li>哈</li>
            <li>艹</li>
            <li>买</li>
        </ul>
        <a href="">登录</a>
        <img src="images/s1.png" alt="">
    </div>
    <div class="II">
        <p>
        <img src="images/s003.jpg" alt="" width="910px">
        </p>
        <ul>
            <li><img src="images/s02.jpg" alt="" width="250px"></li>
            <li><img src="images/s03.jpg" alt="" width="250px"></li>
            <li><img src="images/s04.jpg" alt="" width="250px"></li>
        </ul>
    </div>
    <div class="III">
        <a href="">最新</a>
        <a href="">最热</a>
        <a href="">热议</a>
        <a href="">随机</a>
    </div>
    <div class="IV"></div>
    <div class="V"></div>
    
</body>
</html>